var lineOption = {
    legend: {
        show: true,
        data: ['进场']
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ["1:00","2:00","3:00","4:00","5:00","6:00","7:00","8:00","9:00","10:00","11:00","12:00","13:00"],
        // 坐标轴线条
        axisLine: {
            lineStyle: {
                color: "#EBEBEB"
            }
        },
        // 坐标轴刻度线
        axisTick: {
            show: false
        },
        // 坐标轴下标签
        axisLabel: {
            interval: 2,
            color: "#333333"
        }
    },
    yAxis: {
        type: 'value',
        axisLine: {
            lineStyle: {
                color: "#EBEBEB"
            }
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            color: "#333333"
        },
        // 去掉y轴在grid中的分割线
        splitLine: {
            show: false
        }
    },
    tooltip: {
        show: true,
        trigger: "axis",
        axisPointer: {
            type: "none"
        },
        // formatter: function (params) {
        //     // seriesName系列名称 name 类目名 value值
        //     console.log(params)
        //     return params[0].name + params[0].value
        // }
    },
    series: [{
        name: "进场",
        data: [120, 932, 901, 934, 1290, 1330, 1320,323,45,55,1224,888,209],
        type: 'line',
        lineStyle: {
            color: "#5574D7"
        },
        itemStyle: {
            opacity: 0,
            color: "#5574D7"
        },
        smooth: true,
        emphasis: {
            itemStyle: {
                borderColor: "#fff",
                color: "#5574D7",
                opacity: 1,
                borderWidth: 2
            },
        },
        areaStyle: {
            color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                // 从顶向下
                colorStops: [{
                    offset: 0, color: '#D2D6FC' // 0% 处的颜色
                }, {

                    offset: 1, color: '#fff' // 100% 处的颜色
                }],
                global: false // 缺省为 false
            },
            origin: "start"
        },
        tooltip: {
            formatter: function (params) {
                // seriesName系列名称 name 类目名 value值
                console.log(params)
                return params[0].name + params[0].value
            }
        },
    }]
};


var barOption = {
    title: {},
    tooltip: {},
    grid: {
        show: false
    },
    legend: {
        data: ['进场', '出场']
    },
    xAxis: {
        type: 'category',
        splitNumber: 5,
        data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
        axisLine: {
            lineStyle: {
                color: "#EBEBEB"
            }
        },
        axisTick: {
            show: false
        },
        axisLabel: {
            interval: 2,
            color: "#333333"
        }
    },
    yAxis: {
        axisLine: {
            lineStyle: {
                color: "#EBEBEB"
            }
        },
        axisTick: {
            show: false,
        },
        axisLabel: {
            color: "#333333"
        },
        // 去掉y轴在grid中的分割线
        splitLine: {
            show: false
        }
    },
    series: [{
        name: '进场',
        type: 'bar',
        data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
        itemStyle: {
            color: new echarts.graphic.LinearGradient(
                0, 0, 0, 1,
                [
                    { offset: 0, color: '#53AEFA' },
                    { offset: 0.5, color: '#3AA0F8' },
                    { offset: 1, color: '#2292F6' }
                ]
            )
        }
    },
    {
        name: '出场',
        type: 'bar',
        data: [2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
        itemStyle: {
            color: new echarts.graphic.LinearGradient(
                0, 0, 0, 1,
                [
                    { offset: 0, color: '#FDA26B' },
                    { offset: 0.5, color: '#FA8445' },
                    { offset: 1, color: '#F97C3A' }
                ]
            )
        }
    },]
};

var gaugeOption1 = {
    // tooltip: {
    //     formatter: '{a} <br/>{b} : {c}%'
    // },
    // toolbox: {
    //     feature: {
    //         restore: {},
    //         saveAsImage: {}
    //     }
    // },
    series: [
        {
            name: '业务指标',
            type: 'gauge',
            radius: "90%",
            detail: { formatter: '{value}%' },
            data: [{ value: 221, name: 'pm2.5' }],
            // 仪表盘轴线相关配置
            axisLine: {
                show: true,
                lineStyle: {
                    color: [[0.5, '#29CDA9'], [0.7, '#FD8736'], [1, '#C03636']],
                    // 轴线宽度
                    width: 20
                },
            },
            // 刻度标签样式
            axisLabel: {
                show: false
            },
            // 最小的数字值
            min: 0,
            // 最大的数字值
            max: 220,
            // 仪表盘中间的标题设置
            title: {
                show: true,
                color: "#5574D7",
                fontSize: 26,
                fontWeight: "bolder"
            },
            // 仪表盘详情 用于展示数据
            detail: {
                show: true,
                formatter: function (value) {
                    return value.toFixed(0);
                },
                fontSize: 30
            }
        }
    ]
};

var gaugeOption2 = {
    // tooltip: {
    //     formatter: '{a} <br/>{b} : {c}%'
    // },
    // toolbox: {
    //     feature: {
    //         restore: {},
    //         saveAsImage: {}
    //     }
    // },
    series: [
        {
            name: '业务指标',
            type: 'gauge',
            radius: "90%",
            detail: { formatter: '{value}%' },
            data: [{ value: 221, name: 'pm2.5' }],
            // 仪表盘轴线相关配置
            axisLine: {
                show: true,
                lineStyle: {
                    color: [[0.5, '#29CDA9'], [0.7, '#FD8736'], [1, '#C03636']],
                    // 轴线宽度
                    width: 20
                },
            },
            // 刻度标签样式
            axisLabel: {
                show: false
            },
            // 最小的数字值
            min: 0,
            // 最大的数字值
            max: 220,
            // 仪表盘中间的标题设置
            title: {
                show: true,
                color: "#5574D7",
                fontSize: 26,
                fontWeight: "bolder"
            },
            // 仪表盘详情 用于展示数据
            detail: {
                show: true,
                formatter: function (value) {
                    return value.toFixed(0);
                },
                fontSize: 30
            }
        }
    ]
};
